<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理后台</title>
    <link rel="stylesheet" href="../../css/fontStyle.css">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/modelBox.css">
    <link rel="stylesheet" href="../../css/user/userPermission.css">
    <link rel="stylesheet" href="../../css/backPage.css">
</head>
<body>
<!-- 查询 -->
<div class="select" id="select">
    <div>
        <input type="text" id="selectKey">
    </div>
    <div>
        <label>更新时间:</label>
        <input type="date" id="startTime">
        <label >至</label>
        <input type="date" id="endTime">
    </div>
    <div>
        <label>角色:</label>
        <select name="selectRole" id="selectRole">

        </select>
    </div>
    <div>
        <label>状态:</label>
        <select name="selectState" id="selectState">

        </select>
    </div>
    <div class="btn_search" onclick="select()"><i class="iconfont icon-search">&#xe68f;</i></div>
    <div class="btn_reset" onclick="clearAll()"><i class="iconfont icon-reset">&#xe946;</i></div>
</div>

<table class="table table-striped">
    <caption>人员权限</caption>
    <thead>
    <tr>
        <th>id</th>
        <th>编号</th>
        <th>姓名</th>
        <th>角色</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="tbody"></tbody>
</table>

<!-- 分页 -->
<div id="backPage"></div>

<!-- 权限分配模态框start -->
<div id="distribute-modal-box" class="modalBox">
    <div class="modalBox-dialog distribute">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable id="roleName"></lable>
            <lable id="roleDescription"></lable>
        </div>
        <div>
            <lable>权限分配</lable>
        </div>
        <div>
            <input id="checkRoleId" type="hidden">
            <div class="permissionItem">
                <span>为拥有权限：</span>
                <div id="NoPermissionMember">

                </div>
            </div>
            <div id="memberFunction">
                <div>
                    <div id="addPermissionMember" onclick="addPermissionMember('checkNoPermission')">add&gt;&gt;</div>
                    <div id="removePermissionMember" onclick="removePermissionMember('checkPermission')">&lt;&lt;remove</div>
                </div>
            </div>
            <div class="permissionItem">
                <span>已拥有权限：</span>
                <div id="PermissionMember">

                </div>
            </div>
        </div>
        <div class="edit-button">
            <div><a href="#close" title="关闭" onclick="findAll()" class="modalBox-close-btn">
                <input type="button" value="关闭">
            </a></div>
        </div>
    </div>
</div>
<!-- end -->


<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/user/userPermission.js"></script>
</body>
</html>